

// 设备屏幕小于最大宽度767px时生效
@media only screen and (max-width: 767px) {
    #container{
      width:768px;
    }
    .grid-xs-1{
      width:8.3333333%;
    }
    .grid-xs-2{
      width:16.666666%;
    }
    .grid-xs-3{
      width:25%;
    }
    .grid-xs-4{
      width:33.333333%;
    }
    .grid-xs-5{
      width:41.666666%;
    }
    .grid-xs-6{
      width:50%;
    }
    .grid-xs-7{
      width:75%;
    }
    .grid-xs-8{
      width:90%;
    }
    .grid-xs-9{
      width:100%;
    }
    .grid-xs-10{
      width:60%;
    }
    .grid-xs-11{
      width:55%;
    }
    .grid-xs-12{
      width:51%;
    }
    .tubiao2{
      width: 100%;
      margin: 0 0 0 0;
    }

    .tubiao3{
      width: 600px;
    }
    div.el-dialog{
      width: 100%;
    }
  }

  // 设备屏幕大于最大宽度767px时生效
  @media only screen and (min-width: 767px) {
    .bingtu{
    width: 32.5%;
    height: 265px;
    marginRight: 1%;
    margin-top: 1%;
    float: left;
    }

    .tubiao{
      width: 400px;
    }
    .tubiao2{
      width: 50%;
      margin: 0 0 0 0;
    }
  }